<template>
  <div id="app">
    <!-- <keep-alive> -->
    <router-view />
    <!-- </keep-alive> -->
    <pagefooter v-show="isShowFooter" />
  </div>
</template>

<script>
import pagefooter from './components/pagefooter'
export default {
  data() {
    return {
      // isShowFooter: true
    }
  },
  components: {
    pagefooter
  },
  computed: {
    isShowFooter() {
      return this.$store.state.isShowFooter
    }
  },
  created() {
    // this.$bus.$on('isShowFooter', show => (this.isShowFooter = show))
  },
  beforeDestroy() {
    // this.$bus.$off('isShowFooter')
  }
}
</script>

<style lang="scss">
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

// 如果此样式有全局通用的可能性，建议写成全局重置
.van-list__finished-text {
  margin-bottom: 50px !important;
}
.van-nav-bar__text,
.van-nav-bar__arrow,
.van-field__error-message {
  color: #ff5f16 !important;
}
</style>
